<template>
	<view>
		<uni-nav-bar :fixed="true" :border="false" @clickLeft="$pageBack()" left-icon="back" background-color="#" :status-bar="true"></uni-nav-bar>
		<image class="a1" src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/xf1.png" mode=""></image>
		<view class="a_bcg">
			<view class="a_bcg_re">
				<image class="a2" src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/xf2.png" mode=""></image>
				<image class="a3" src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/wbcg.png" mode=""></image>
				<view class="cont">
					<image class="cont_bcg" src="/static/bbcg.png" mode=""></image>
					<view class="">
						<view class="loging">
							<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/xf4.png" mode=""></image>
						</view>
						<scroll-view class="scroll" scroll-y="true">
							<view class="tit">亲爱的共耕者：</view>
							<view class="ttt">
								<view class="" style="text-indent: 2em">见字如晤。</view>
								<view class="" style="text-indent: 2em">稻浪同歌，是我们共同耕耘的精神田野。 每一份收获，都源于你的真诚引荐与用心守护。</view>
								<view class="" style="margin-top: 20rpx;text-indent: 2em">「这份收益之约，见证引荐的缘分，回报活动的耕耘，让持续的守护获得丰盈回响。</view>

								<view class="" style="margin-top: 40rpx">一、｜首期会员｜ 新苗初耕，静待回响</view>
								<view class="">①引荐之礼（20%）</view>
								<view class="">会员成功注册并度过30天静默生长期后，您即可收获其年费的20%，作为引荐的温暖回馈。</view>
								<view class="">②耕耘之实（30%）</view>
								<view class="">
									自会员注册之日起，只要您作为分社长累计发起不少于6场线下签到活动，即可解锁该会员年费中30%的运营回响。每场活动如播下一粒种子，累积生长，静待花开。
								</view>

								<view class="" style="margin-top: 40rpx">二、｜续费守护｜ 持续陪伴，阶梯回声</view>
								<view class="">①即时回响（20%）</view>
								<view class="">会员续费后，您可立即收获续费金额的20%，如稻浪随风，自然回响。</view>
								<view class="">②阶梯嘉许（30%）</view>
								<view class="">根据您分社的整体续费率，额外获得续费金额30%的成长激励：</view>
								<view class="">・丰收季（≥80%）：获得全部嘉许</view>
								<view class="">・盈满季（60%-80%）：获得80%嘉许</view>
								<view class="">・茁壮季（40%-60%）：获得60%嘉许</view>
								<view class="">・播种季（＜40%）：获得40%嘉许</view>

								<view class="" style="margin-top: 40rpx">三、｜稻使同行｜ 引渠之劳，轻盈相伴</view>
								<view class="">①成功引荐会员注册并度过30天静默生长期后，即可收获其年费的15%。</view>
								<view class="">②无组织活动要求，如清风拂稻，轻盈相伴，共赏成长。</view>

								<view class="" style="margin-top: 40rpx">四、｜收获时节｜ 四季有序，成长有痕</view>
								<view class="">①相邻两次提现需间隔至少30个自然日，如四季更迭，有序有度。</view>
								<view class="">②收益自动记录于「我的田野」中，清晰可溯，如稻穗低语，声声入耳。</view>
								<view class="" style="text-indent: 2em; margin-top: 50rpx">此约定不为束缚，而为更丰饶的共生。</view>
								<view class="" style="text-indent: 2em; margin-top: 50rpx">愿我们继续俯身耕耘，抬头同歌。</view>
								<view class="" style="text-align: right; margin-top: 40rpx">——「稻浪同歌」共耕社 谨上</view>
							</view>
							<view class="img">
								<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/xf5.png" mode=""></image>
							</view>
						</scroll-view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
</script>

<style lang="scss">
.a1 {
	position: fixed;
	top: 0%;
	width: 100%;
	height: 100vh;
}
.a_bcg {
	position: fixed;
	top: 0%;
	width: 100%;
	height: 100vh;
	.a_bcg_re {
		width: 100%;
		height: 100vh;
		position: relative;
		.a2 {
			width: 704rpx;
			height: 648rpx;
			position: absolute;
			top: 0%;
			right: 0%;
		}
		.a3 {
			width: 750rpx;
			height: 464rpx;
			position: absolute;
			top: 0%;
			right: 0%;
			z-index: 3;
		}
	}
	.cont {
		width: 670rpx;
		height: 1300rpx;
		background: #f7f8f6;
		position: absolute;
		top: 280rpx;
		left: 40rpx;
		border-radius: 5rpx;
		padding: 80rpx 30rpx;
		box-sizing: border-box;
		.cont_bcg {
			width: 610rpx;
			height: 878rpx;
			position: absolute;
			right: 0%;
			bottom: 0%;
		}
		.loging {
			width: 100%;
			height: 60rpx;
			border-bottom: 1px solid #d1d1d6;
			padding-bottom: 20rpx;
			image {
				width: 240rpx;
				height: 60rpx;
			}
		}
		.scroll {
			width: 100%;
			margin-top: 20rpx;
			height: 1100rpx;
			.tit {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #75613e;
				margin-bottom: 34rpx;
			}
			.ttt {
				width: 100%;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #75613e;
				line-height: 60rpx;
			}
			.img {
				width: 630rpx;
				margin: 20rpx auto;
				image {
					width: 630rpx;
					height: 44rpx;
				}
			}
		}
	}
}
</style>
